<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.box{
				/* width: 100%; */
				display: flex;
				flex-direction: row-reverse;
				border: 1px solid #000000;
				padding: 10px;
			}
			aside{
				/* width: 30%;
				float: left; */
				flex: 1;
				background: red;
				padding: 10px;
			}
			article{
				/* width: 65%;
				float: left; */
				flex: 2;
				margin-left: 10px;
				background: yellow;
			}
		</style>
	</head>
	<body>
		<div class="box clear">
			<aside>
				<h2>热点新闻</h2>
				<ul>
					<li><a href="#">习近平：坚守信仰 坚定理想 坚持自信</a></li>
					<li><a href="#">自动驾驶首现死亡事故 责任判定</a></li>
				</ul>
			</aside>
			<article>
				<p>首页>正文</p>
				<h2>十年后中国人均住房望达34平方米</h2>
				<p class="time">2019-10-22 14:24:00 来源：腾讯新闻 责任编辑：</p>
				<div>
					<p>哈熟地很微球蛋白时间不长说不出精神可嘉萨科技好打好打框架安慰我 还贷款贺卡和贷款吻合度EQUI无我秀</p>
				</div>
			</article>
		</div>
	</body>
</html>
